<template>
    <div>
         <!-- 轮播 -->
        <div class="a-carousel_box">
           <a-carousel arrows :dots="false">
              <div class="h-banner">
                 <!-- <img src="./../.././static/img/special/nongcun.jpg" alt="" /> -->
              </div>
              <!-- <div>
                 <img src="./../.././static/img/special/nongcun.jpg" alt="" />
              </div> -->
         </a-carousel>
        </div>
        <div class="car-main-content">
            <div class="container-1200">
              <!--标题-->
              <div class="title wy-m-t-20 wei_nongchun">
                <p>首页 / <span>绿色食品供应链 / </span><span>供应链综合服务商</span></p>
              </div>
            </div>
            <div class="purchaser-search">
                <div class="container-1200">
                    <div class="v-search1">
                        <a-form>
                            <!--搜索框-->
                            <a-row :gutter='24' style="overflow:hidden">
                            <a-col :span='5' class="s-place-260">
                                  <a-form-item label="服务类型:"  :label-col="{ span: 9}" :wrapper-col="{ span:14}" >
                                       <a-select placeholder="全部"  class="s-place-260">
                                            <!-- <a-select-option v-for="(itme,index) in agriList" :key="index" :value="itme.dictKey">
                                              {{itme.dictValue}}
                                            </a-select-option> -->
                                       </a-select>
                                     
                                  </a-form-item>
                            </a-col>
                            <a-col :span='6'>
                                  <a-form-item label="企业名称:"  :label-col="{ span: 6}" :wrapper-col="{ span:16 }">
                                        <a-input  placeholder="请输入关键字"  class="s-place-260"  style="height: 40px"/>
                                  </a-form-item>
                            </a-col>
                              <a-col :span='4' style="float:right">
                                  <a-button type="primary" :span='2' style="margin-right:20px"  >搜索</a-button>
                                  <a-button :span='2' @click="reset()">重置</a-button>
                            </a-col>

                            </a-row>

                        </a-form>
                    </div>
                </div>

            </div>
              <div class="container-1200" style="margin-top: 30px">
                <ul style="overflow:hidden" :pagination="pagination">
                    <li class="purchaser_li" >   
                        <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang1.png" alt="">
                        <p>李宁官方商城</p>
                      </nuxt-link>
                    </li>
                    <li class="purchaser_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang2.png" alt="">
                        <p>热风官方商城</p>
                      </nuxt-link>
                    </li>
                    <li class="purchaser_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang3.png" alt="">
                        <p>环球捕手</p>
                      </nuxt-link>
                    </li>
                    <li class="purchaser_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang4.png" alt="">
                        <p>唯品会</p>
                      </nuxt-link>
                    </li>
                    <li class="purchaser_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang5.png" alt="">
                        <p>天猫商城</p>
                      </nuxt-link>
                    </li>
                    <li class="purchaser_li">
                      <nuxt-link to="../corp">
                        <img src="../../static/img/special/dianshang6.png" alt="">
                        <p>苏宁易购</p>
                      </nuxt-link>
                    </li>
                     <li class="purchaser_li">
                        <nuxt-link to="../corp">
                          <img src="../../static/img/special/wuliu6.png" alt="">
                          <p>松松共享仓</p>
                        </nuxt-link>
                    </li>
                     <li class="purchaser_li">
                        <nuxt-link to="../corp">
                          <img src="../../static/img/special/wuliu6.png" alt="">
                          <p>松松共享仓</p>
                        </nuxt-link>
                    </li>
                </ul>

            </div>
          
        </div>

    </div>
</template>

<script>
export default {
    data() {
        return{
        // 分页
        pagination: {
        pageSizeOptions: ['10', '20', '30', '50', '100'],
        current: 1,
        pageSize: 10,
        // showSizeChanger: true,
        total: 0,
        showTotal: (total, range) => `共 ${total} 条记录`
      },
        }
    }
}
</script>
<style lang="scss">
@import "../../assets/css/index/index.scss";
.purchaser-search {
    width: 100%;
    height: 70px;
    background: #F9F9F9;
    margin-top: 15px;
    padding-top: 15px;
    .ant-select-selection--single{
        height:40px;
        .ant-select-selection__rendered{
            line-height: 40px;
        }
    }
    }
.purchaser_li{
    width: 285px;
    height: 346px;
    margin-right: 20px;
    margin-left: 0;
    float: left;
    p{
        margin-top: 21px;
        text-align: center;
        margin-bottom: 10px;
        color:#000000;
    }
    img{
            width: 100%;
            height: 280px;
    }
    }
.purchaser_li:nth-child(4){
    margin-right: 0px;
}
.purchaser_li:nth-child(8){
    margin-right: 0px;
}
.h-banner{
  width: 100%;
  height: 500px;
  background: url('~static/img/special/nongcun.jpg') center top / cover no-repeat;
}

</style>
